<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>文本框提示文字显示隐藏</title>
</head>

<body>
    <input type="text" id="myTextbox" placeholder="请输入内容">
    <script>
        // 获取文本框元素
        const textbox = document.getElementById('myTextbox');
        const defaultText = textbox.placeholder;

        // 为文本框添加获取焦点事件处理函数
        textbox.onfocus = function () {
            if (this.value === defaultText) {
                this.value = '';
            }
        };

        // 为文本框添加失去焦点事件处理函数  
        textbox.onblur = function () {
            if (this.value === '') {
                this.value = defaultText;
            }
        };
    </script>
</body>

</html>